
<template>
  <ul class="listt" >
    <li :ref="index" v-for="(item, index) of list" :key="item.id" @click="qh(index)">
      {{ index }}
    </li>
  </ul>
</template>

<script>
export default {
  props: ["list"],
  data() {
    return {};
  },
  mounted() {
  
  },
  methods: {
      qh(e){
          this.$emit("ltt",e)
         
      }
  },
};
</script>
<style lang="stylus" scoped>
li {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>
